<!--
 * @description: 
 * @Author: vikingShip
 * @Date: 2021-11-03 11:36:25
 * @LastEditors: vikingShip
 * @LastEditTime: 2021-12-02 13:50:02
-->
<template>
  <view>
    <u-popup :show="shoptype" mode="center" :customStyle="{height:'44%',width:'75%'}" @close="close">
      <view class="shopContent">
        <image class="shopContent__img" src="http://medusa-small-file.oss-cn-hangzhou.aliyuncs.com/api/proofing.png">
        </image>
        <view class="shopContent__explain" v-if="shopStatus === 5">店铺已打烊，于明日{{shopTime}}正常营业</view>
        <view class="shopContent__explain" v-if="shopStatus === 4">程序系统维护中</view>
        <view class="shopContent__explain" v-if="shopStatus === 3">店铺已打烊，于明日{{shopTime}}正常营业</view>
        <!-- 1部署中 2正常 ，3已打烊，4禁用, 5时间到了关门 -->
      </view>
    </u-popup>
  </view>
</template>

<script lang=ts>
  import {
    Component,
    Vue,
    Prop
  } from 'vue-property-decorator'

  @Component({})
  export default class ShopManage extends Vue {
    @Prop({
      type: Boolean,
      default: false
    })
    shoptype: Boolean
    @Prop({
      type: String
    })
    shopTime: string = ""
    @Prop({
      type: Number || String
    })
    shopStatus: Number | String
    close(){
      this.shoptype=false
    }
  }
</script>

<style></style>